﻿<!DOCTYPE html>
<html>
<head>
  <style>
 div { width:60px; height:60px; margin:10px; float:left; }
 p { clear:left; font-weight:bold; font-size:16px; 
     color:blue; margin:0 10px; padding:2px; }
 </style>
  <script type="text/javascript" src="../jquery/jquery-1.4.1-vsdoc.js"></script>
</head>
<body>
  <div>aa</div>

  <div>bb</div>
  <div>cc</div>
  <div>dd</div>
  <div>ee</div>
  <div>ff</div>

  <p>Added this... (notice no border)</p>
<script type="text/javascript">

    $("div").css("border", "2px solid red")
        .add("p")
        .css("background", "yellow");

    jQuery('div').click(function() {
        jQuery(this).toggle();
    });    
</script>

</body>
</html>